/*登录 注册*/
.loginpage .banner {
	position: relative;
}
.loginpage .banner .home {
	position: absolute;
	top: 0.8rem;
	left: 0.8rem;
	color: #fff;
	font-size: 20px;
}
.loginpage .tab .tab-btn {
	position: relative;
}
.loginpage .tab .tab-btn .tab-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 2px;
	background-color: #f07070;
}
.loginpage .tab .tab-btn li {
	float: left;
	font-weight: bold;
}
.loginpage .tab .tab-btn li a{
	display:block;
    line-height: 50px;
}
.loginpage .tab .tab-btn li.active {
	border-bottom:2px solid #f07070;
}
.loginpage .tab .tab-btn li.active a{
	color:#f07070;
}
.loginpage .tab-con .input-group .forget {
	font-size: 12px;
}

.loginpage .login-tip,
.loginpage .login-tip a {
	font-size: 12px;
	color: #999;
	line-height: 1.5;
}

/*第三方登录*/
.login-third {
	width: 100%;
}
.login-third tr font {
	color: #999;
	font-size: 2.2rem;
}
.login-third tr a {
	display: block;
}
.login-third tr a:active font {
	color: #f07070;
}


/*登录 注册 end*/
/*找回密码*/

/*找回密码 end*/

/*文章列表banner  非正式*/
.article-banner ul li {
	position: relative;
	height: 22rem;
    overflow: hidden;
}
.article-banner ul li h3 {
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	padding: 1rem 2rem;
	font-size: 1.5rem;
}
/*文章列表banner end*/


/*文章列表页*/
.article-list li {
	border-top: 5px solid #e5e5e5;
	position: relative;
	/*height: 8rem;*/
}
.article-list li a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.article-list li h4 {
}
.article-list li .text span {
	color: #666;
	font-size: 0.8rem;
}
.article-list li .text .iconfont {
	font-size: 1rem;
}
.article-list li .img {
	overflow: hidden;
}
.article-list li .img img {
	width: auto;
	height: 8rem;
}
/*文章列表页 end*/

/*文章详情*/
/*头部*/
.article-details-title {
	position: relative;
}
.article-details-title .con {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.2);
	padding: 0.5rem 0.5rem 1.5rem;
}
.article-details-title .con .section .iconfont {
	font-size: 1.5rem;
}
.article-details-title .con h1 {
	font-size: 1.5rem;
	margin: 1rem 0;
}
.article-details-title .con .name {
	line-height: 1.5;
}
.article-details-title .con .name .head-img {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 100%;
}
/*内容*/
.article-details-container .paper {
	display: block;
	font-size: 1.2rem;
}
.article-details-container p {
	margin-bottom: 1rem;
}
.article-details-container .label li {
	float: left;
	margin: 0 0.8rem 0.5rem 0;
}
.article-details-container .label li a {
	background-color: #f0f0f0;
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	border-radius: 20px;
}
/*文章详情 非正式 end*/

/*文章详情*/
/*小标题*/
.article-container .con-title-app {
    line-height: 1;
    display: inline-block;
    height: 8px;
    border-bottom: 4px solid #faaaab;
    font-size: 16px;
    color: #333;
    padding-bottom: 15px;
}
.article-container .relative-label{
	font-size: 0;
	margin: 10px 0 5px;
}
.article-container .relative-label a{
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid #ffdfe0;
	border-radius: 5px;
	font-size: 13px;
	margin: 0 12px 5px 0;
	color: #666;
}
.article-container .border {
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 10px;
}
/*文章标题*/
.article-container .article-title {
	font-size: 16px;
	line-height: 1.5;
}
.article-container .article-title-bar {
	width: 30%;
    height: 5px;
    background: #FAA9AB;
    display: block;
    margin: 10px auto;
}
/*文章标题 end*/
/*文章提醒*/
.article-container .tip {
	background: #FFF7F7;
    padding: 10px 15px;
    color: #666;
    font-size: 13px;
    line-height: 1.6;
}
/*文章提醒 end*/
/*内容标题*/
.article-container .con-title {
	line-height: 2;
    border-bottom: 3px solid #f7caca;
    color: #f07070;
    font-size: 16px;
    font-weight: bold;
}
/*内容标题 end*/
.article-container .article-head .head-img img {
	width: 40px;
	border-radius: 100%;
}
.article-container .article-head .follow {
    padding: 3px 10px;
    font-size: 14px;
    margin-top: 8px;
    border-radius: 3px;
    position: relative;
    background: #f07070;
    color: #fff;
}
.article-container .article-head .follow .iconfont {
	font-size: 15px;
}
.article-container .article-head .follow2 {
	background: #faa9ab;
}
.article-container .article-head .follow2 .iconfont:after {
	position: absolute;
    top: 4px;
    left: 10px;
	display: block;
	content: "\e67b";
	background: #faa9ab;
}
.article-container .article-head .name {
	font-size: 16px;
	color: #999;
	z-index: 2;
}
.article-container .article-head .name img{
	width: 15px;
    display: inline;
    vertical-align: -2px;
    margin-left: 5px;
}
.article-container .article-head .time {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}
.article-container .text p {
	padding: 5px 15px;
	line-height: 1.6;
	color: #555;
	font-size: 16px;
}
.article-container .text p img {
	margin-bottom: 5px;
}
.article-container .text p span b{
	font-size: 18px;
}
.article-container .text.border-bottom-lg img{
	margin: 5px 0;
}
.article-container .text.border-bottom-lg div{
	margin: 5px 0;
    line-height: 25px;
}
/*
.article-container .text div{
	padding: 8px 15px;
}*/
/*打赏 头像*/
.admire ul {
    /*display: -webkit-box;*/
   border-bottom: 1px solid #e5e5e5;
}
.admire ul li {
	/*-webkit-box-flex: 1;*/
	width: 16.6%;
	margin-bottom: 1rem;
	float: left;
}
.admire ul li img {
	width: 40px;
	border-radius: 100%;
	margin: 0 auto;
}
.admire ul li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-image: url(../img/icon.png);
    background-position: 0px 0px;
    margin: 0 auto;
}
.admire ul li a.a {
	background-position: -40px 0px;
}
/*打赏 end */
/*打赏单页*/
.bottom-admire {
    padding: 1rem 0;
}
.bottom-admire a {
	background: #f07070;
	border-radius: 20px;
	line-height: 2;
	margin: 0 auto;
	display: block;
	width: 50%;

}
/*你可能喜欢*/
.may-love p{
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
}
.may-love p .icon-maylove{
	vertical-align: middle;
    color: #F46E6C;
    font-size: 18px;
}
.may-love .love-list section{
	position: relative;
    background: #fff;
}
.may-love .love-list section:last-child .article-box{
	border-bottom: none;
}
.may-love .love-list section .article-box{
    border-bottom: 1px solid #eee;
	display: block;
    padding: 12px 0;
    margin: 0 10px;
    font-size: 0;
    background: #fff;
}
.may-love .love-list section .article-box .pic{
    overflow: hidden;
    width: 120px;
    height: 80px;
    border-radius: 4px;
    background-color: #fff;
}
.may-love .love-list section .article-box .pic img {
    font-size: 0;
    width: 100%;
    min-height: 80px;
}
.may-love .love-list section .article-box .article-detail {
    padding-left: 130px;
}
.may-love .love-list section .article-box .article-detail .title {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    padding: 0;
    margin-top: -3px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    word-wrap: break-word;
    font-weight: 450;    
    text-align: left;
}
.may-love .love-list section .article-box .article-detail .state {
    margin-top: 17px;
    padding: 0;
}
.may-love .love-list section .article-box .article-detail .state font {
    font-size: 15px;
    color: #999;
    margin-top: -3px;
}
.may-love .love-list section .article-box .article-detail .state span {
    font-size: 12px;
    color: #999;
    vertical-align: 1px;
}
.may-love .love-list section .article-box .article-detail  .state i {
    font-size: 0;
}
.may-love .love-list section .article-box .article-detail .state img {
    width: 20px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -11px;
}
/*用户评论*/
.article-container .comments li {
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
}
.article-container .comments .text {
	font-size: 15px;
    color: #666;
    line-height: 1.6;
    max-height: 70px;
    overflow: hidden;
}
.article-container .comments .text img{
    width: 22px;
    height: 22px;
	display: inline-block;
	margin-left: 5px;
}
.article-container .comments .all {
	font-size: 14px;
}
.article-container .comments a i {
	font-size: 0.9rem;
	color: #ccc;
	margin-right: 0.3rem;
}
.article-container .comments .iconfont {
	font-size: 16px;
	color: #ccc;
	cursor: pointer;
	padding: 0 0 10px 10px;
}
.article-container .comments .icon-delete {
	margin-top: -0.1rem;
}
/*用户评论 end*/
/*文章详情 end*/

/*问答首页*/
.wd-index .wd-ask {
    position: fixed;
    bottom: 130px;
    background: rgba(240,112,112,.95);
    border-radius: 100%;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    right: 13px;
}
/*banner*/
.wd-index .banner {
	height: 145px;
	overflow: hidden;
}
.wd-index .banner a{
	font-size: 0;
}
/*banner end*/
/*问答tab*/
.wd-index .wd-tab {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 58px;
	margin: 10px 0;
}
.wd-index .wd-tab ul {
	width: 415px;
}
.wd-index .wd-tab li {
	width: 100px;
	height: 58px;
	position: relative;
	float: left;
	margin-right: 5px;
	overflow: hidden;
	border-radius: 2px;
}
.wd-index .wd-tab li:nth-last-child(1) {
	margin-right: 0;
}
.wd-index .wd-tab li .text {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.wd-index .wd-tab li .text p {
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	font-weight: 500;
}
.wd-index .wd-tab li .text b {
	width: 26px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.wd-index .wd-tab li span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #f98585;
	z-index: 1;
}
.wd-index .wd-tab li span.active {
	height: 45px;
}
/*问答tab end*/
/*问答列表*/
.wd-index .wd-problem-list .problem-title {
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wd-index .wd-problem-list li a {
	display: block;
}
.wd-index .wd-problem-list .problem-img {
	width: 100px;
	height: 75px;
	background: #f9f9f9;
	overflow: hidden;
	position: relative;
}
.wd-index .wd-problem-list .problem-img img {
    width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.wd-index .wd-problem-list .problem-text {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
}
.wd-index .wd-problem-list .user-head .iconfont {
	font-size: 15px;
	color: #999;
}
.wd-index .wd-problem-list .user-head .iconfont i {
	font-size: 12px;
}
/*问答列表 end*/
/*问答首页 end*/

/*提问页面*/
/*提问第一页*/
.wd-problem input {
	padding: 10px 0;
	text-indent: 20px;
}
.wd-problem textarea,
.wd-problem .edit-box {
	border: none;
    color: #666;
    font-size: 14px;
    height: 150px;
}
.wd-problem .edit-title {
    padding: 10px 20px;
}
.wd-problem .edit-box{
	text-align: justify;
	-webkit-user-select:text;
    min-height: 150px;
    box-shadow: 0 0px 3px rgba(240,112,112,.7);
    border-radius: 3px;
    height: auto;
}
.wd-problem .additional-list .iconfont {
	font-size: 22px;
    color: #999;
    padding: 10px 0;
    display: block;
}
/*提问第一页 end*/
/*提问标签页*/
.wd-label ul li,
.wd-label button {
	float: left;
	cursor: pointer;
    padding: 4px 10px;
    background: #F6F6F6;
    margin: 20px 5px 0px;
	border-radius: 20px;
    min-width: 40px;
    text-align: center;
}
.wd-label ul li.active{
	color: #f07070;
	background: #FFE4E4;
}
.public-field-text .add-label{
    background: #fbfbfb;
    text-align: center;
    position: relative;
    height: 37px;
}
.public-field-text .add-label span{
	color: #999;
	line-height: 37px;
}
.public-field-text .add-label ul{
    width: 1000%;
    text-align: center;
    margin-top: 5px;
}
.public-field-text .add-label li{
    cursor: pointer;
    padding: 4px 10px;
    float: left;
}
.public-field-text .a-label textarea{
    background: #f7f7f7;
    border: 1px solid #eee;
    border-radius: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 30px;
	height: 30px;
}
.public-field-text .a-label button{
	font-size: 14px;
    background: #f07070;
    padding: 5px 8px;
    border-radius: 20px;
    color: #fff;
    margin-top: 2px;
}
/*提问标签页 end*/
/*提问页面 end*/

/*问答搜索*/
/*搜索提示*/
.wd-search .tip {
	background: #F2F2F2;
}
.wd-search .tip p {
	border-left: 3px solid #f07070;
	font-size: 14px;
	text-indent: 10px;
	line-height: 25px;
}
.wd-search .tip a {
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff;
}
.wd-search-list .txt {
	line-height: 1.5;
}
.wd-search-list .iconfont {
	font-size: 18px;
}
.wd-search-list .iconfont i {
	font-size: 14px;
	width: 30px;
    display: inline-block;
}
.wd-search-list .time {
	color: #999;
	font-size: 14px;
}
/*搜索提示 end*/
/*问答搜索 end*/


/*问答详情页*/
/*用户相同样式*/
.answer .user-head .time {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}
.answer .user-head .time {
	color: #999;
}
/*问答问题*/
.wd-answer-details .answer .user-head p {
	line-height: 1.6;
	font-size: 15px;
	color: #666;
}
.wd-answer-details .answer .user-head .time {
	font-size: 12px;
	color: #999;
}
.wd-answer-details .answer .user-head .tip {
	color: #f07070;
	font-size: 14px;
}
/*问答问题 end*/
/*问答回答*/
.wd-answer .anwer-title,
.wd-problem .edit-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.wd-answer .con-title{
	line-height: 2;
    border-bottom: 3px solid #f7caca;
    color: #f07070;
    font-size: 16px;
    font-weight: bold;
}
.wd-answer .answer .hide.show .a {
	display: none;
}
.wd-answer .answer .hide.show .b {
	display: block;
}
.wd-answer .answer .text-all {
	overflow: hidden;
	height: 0px;
	line-height: 1.6;
}
.wd-answer .answer .text-all p {
	line-height: 1.6;
}
.wd-answer .answer .text {
	line-height: 1.6;
}
.wd-answer .answer .all {
	font-size: 14px;
	line-height: 1.6;
}
.wd-answer .answer .hide .iconfont {
	font-size: 20px;
	line-height: 1.5;
}
.wd-answer .answer button.adopt {
	padding: 2px 20px 3px 10px;
	margin-right: -15px;
	font-size: 18px;
	color: #999;
	background: #f0f0f0;
	
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.wd-answer .answer button.adopt i {
	font-size: 12px;
}
.wd-answer .answer button.active {
    background: #f07070;
    color: #fff;
}
.wd-answer .answer .num .iconfont {
	font-size: 18px;
}
.wd-answer .answer .num .iconfont i {
	font-size: 14px;
}
/*问答回答 end*/
/*问答详情页 end*/

/*大院-首页样式-start-2016.10.28*/
/*首页-banner*/
.banner-box{
	padding-top: 50px;
}
.banner-box .index_banner{
	position: relative;
	height: 215px;
	overflow: hidden;
}
.banner-box .index_banner .banner-con {
	position: relative;
}
.banner-box .index_banner .banner-con .btn-prev,
.banner-box .index_banner .banner-con .btn-next{
	position: absolute;
	width: 74px !important;
	height: 74px !important;
	border-radius: 100%;
	background: #f07070;
	color: #fff;
	text-align: center;
	line-height: 74px;
	font-size: 20px;
	font-weight: 100;
	top: 50%;
	margin-top: -37px;
	left: 100px;
	opacity: 0;
}
.banner-box .index_banner .focus{
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
}

.banner-box .index_banner .focus a{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 20px;
	background: rgba(0,0,0,.5);
	margin-right: 5px;
}
.banner-box .index_banner .focus a.current{
	background: #f57472;
}
.banner-box .index_banner .banner-con ul li{
	position: relative;
}
.banner-box .index_banner .banner-con ul li a{
	display: block;
}
.banner-box .index_banner .banner-con ul li span{
    position: absolute;
    top: 39px;
    left: 40px;
    width: 55%;
    line-height: 1.6;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: none;
}
.banner-box .index_banner .banner-con ul li span b {
    height: 3px;
    background: #fff;
    width: 50px;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.banner-box .index_banner ul li img{
	height: 250px;
}
/*首页-推荐文章*/
.index-wraper{
    margin-bottom: 59px;
}
.index-wraper .recommend-article section{
	position: relative;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.index-wraper .recommend-article section:last-child{
    border-bottom: none;
}
.index-wraper .recommend-article section.nth4 .article-box{
	margin: 5px 0;
    padding: 0;
    height: 190px;
    overflow: hidden;
    box-sizing: border-box;
}
.index-wraper .recommend-article section.nth4 .article-box img{
	width: 110%;
}
.index-wraper .recommend-article section.nth4 .state4{
	position: absolute;
    bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
    background: rgba(4,4,4,.4);
}
.index-wraper .recommend-article section.nth4 .state4-title{
    position: absolute;
    bottom: 5px;
    background: rgba(4,4,4,.4);
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
}
.index-wraper .recommend-article section.nth4 .state4 font{
	font-size: 1.125rem;
	color: #fff;
}
.index-wraper .recommend-article section.nth4 .state4 span{
	font-size: 0.75rem;
	color: #fff;
	margin-top: 13px;
}
.index-wraper .recommend-article section.nth4 .state4 img{
	width: 24px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
}
.index-wraper .recommend-article section .article-box{
    display: block;
    padding: 8px 10px;
    font-size: 0;
    background: #fff;
}
.index-wraper .recommend-article section .article-box .pic{
    width: 120px;
    height: 80px;
	border-radius: 4px;
	background-color: #fff;
}
.index-wraper .recommend-article section .article-box .pic,
.index-wraper .recommend-article section .article-box .pic img{
    overflow: hidden;
}
.index-wraper .recommend-article section .article-box .pic img{
    font-size: 0;
    width: 100%;
    min-height: 80px;
}
.index-wraper .recommend-article section .article-box .article-detail{
    padding-left: 130px;
}
.index-wraper .recommend-article section .article-box .article-detail .title{
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    padding: 0;
    margin-top: -3px;
    overflow: hidden;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 50px;
	word-wrap: break-word;
	font-weight: 450;
}
.index-wraper .recommend-article section .article-box .article-detail .state{
    margin-top: 17px;
}
.index-wraper .recommend-article section .article-box .article-detail .state font{
    font-size: 15px;
    color: #999;
    margin-top: -3px;
}
.index-wraper .recommend-article section .article-box .article-detail .state span{
    font-size: 12px;
    color: #999;
}
.index-wraper .recommend-article section .article-box .article-detail .state .name {
	font-size: 14px;
}
.index-wraper .recommend-article section .article-box .article-detail .state i{
    font-size: 0;
}
.index-wraper .recommend-article section .article-box .article-detail .state img{
    width: 20px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -11px;
}
/*首页-全局底部导航-悬浮底部*/
.index-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    height: 59px;
	box-shadow: 0 5px 24px 1px rgba(0,0,0,.2);
}
.index-footer .footer-box{
    display: -webkit-box;
}
.index-footer .footer-box li{
    -webkit-box-flex: 1;
    font-size: 0;
    text-align: center;
}
.index-footer .footer-box li a{
    display: block;
    font-size: 12px;
    padding: 10px 0;
}
.index-footer .footer-box li a.col-redf941 font{
    color: #f94141 !important;
}
.index-footer .footer-box li a font{
    color: #999;
    display: block;
    font-size: 20px;
    margin-bottom: 2px;
}
.index-footer .footer-box li a .icon-video{
    font-size: 24px;
    height: 25px;
    margin-top: -1px;
}
/*登录弹窗*/
.index-popup{
	z-index: 2000;
	position: fixed;
	bottom: -1.225rem;
	left: 0;
	width: 100%;
	display: none;
}
.index-popup .login-popup{
	position: relative;
	display: block;
	background-size: 100%;
}
.index-popup .login-popup .login-close{
	position: absolute;
    right: 25px;
    top: -15px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 100;
    color: #f07070;
    line-height: 25px;
    padding: 20px;
}
/*loading*/
.loading{
    background: #fff;
    text-align: center;
}
.loading img{
    opacity: .8;
}
.loading img.list-none{
	width: 100%;
}
.loading .pull-load{
    display: block;
    height: 85px;
    background: url(../img/load.gif) center no-repeat;
    background-size: 50%;
}
.loading .load-success{
    position: relative;
    display: block;
    padding: 10px 0;
    font-size: 12px;
}
.loading .load-success span{
    display: inline-block;
    color: #fb6264;
    font-size: 14px;
    vertical-align: -1px;
    margin-right: 5px;
}
/*大院-搜索结果页面*/
.search-page{
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 100;
}
.search-page .iconfont.icon-search{
	margin-top: 5px;
}
.search-page .iconfont.icon-return{
	margin-top: 5px;
    display: inline-block;
}
.search-page .iconfont{
    color: #fb6264;
}
.search-result{
	padding: 15px 20px;
	background: #f2f2f2;
}
.search-result h3{
	border-left: 2px solid #f07070;
	padding-left: 5px;
}
.search-result h3,
.search-result h3 span{
	font-size: 14px;
	color: #333;
}
.no-network,
.no-search{
    width: 90%;
    margin: 30px auto 0;
}
/*大院-样式-end-2016.10.28*/

/*关于我们-start-2016.11.3*/
.company h3{
	position: relative;
	height: 58px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(to bottom,#f66262,#ff8484);
    text-align: center;
}
.company h3 span{
	display: block;
	width: 29px;
	height: 3px;
	background: #fff;
	position: absolute;
	bottom: 15px;
    left: 50%;
    margin-left: -15px;
}
.company .introduce{
	background: url(../img/about/introduce.jpg) no-repeat;
	background-size: 100%;
}
.company .introduce .company-logo img{
	margin: 0 auto;
	width: 108px;
    height: 55px;
    padding: 35px 0 25px;
}
.company .introduce .company-data{
    padding: 0 28px;
	font-size: 0;
    text-align: center;
}
.company .introduce .company-data span{
	display: inline-block;
	color: #828282;
	font-size: 12px;
	letter-spacing: 0;
}
.company .introduce .company-data span:first-child{
	padding-right: 5px;
	border-right: 1px solid #f38181;
}
.company .introduce .company-data span:nth-child(2){
	padding-left: 5px;
}
.company .introduce .company-data span em{
	color: #f54f4f;
	font-size: 12px;
	letter-spacing: 0;
}
.company .introduce p{
    padding: 35px 30px 32px;
    color: #333;
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
}
.company .introduce dl {
	padding: 28px 30px 10px 56px;
}
.company .introduce dl dd{
	position: relative;
	padding-bottom: 8px;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}
.company .introduce dl dd:after{
	display: block;
	position: absolute;
	top: 0;
	left: -28px;
    color: #f07070;
}
.company .introduce dl dd:nth-child(1):after{
	content: "\e61c";
    font-size: 21px;
}
.company .introduce dl dd:nth-child(2):after{
	content: "\e6c5";
    font-size: 20px;
}
.company .introduce dl dd:nth-child(3):after{
	content: "\e64e";
    font-size: 21px;
}
.company .introduce dl dd:nth-child(4):after{
	content: "\e610";
	font-size: 21px;
}
.company .introduce dl dd:nth-child(5):after{
	content: "\e65f";
    font-size: 21px;
}
.company .introduce dl dd img{
	vertical-align: -5px;
	width: 50px;
	display: inline-block;
}
.company .introduce dl dd img:first-child{
	margin-right: 9px;
}
.company:nth-child(4) .introduce{
	background: none;
}
/*关于我们-end-2016.11.3*/

/*个人中心-start-2016.11.4*/
/*首页*/
.user-aside{
	background: url(../img/head-bg.jpg) no-repeat;
    padding: 21px 0 18px;
}
.user-aside .head-box {
	margin-top: 21px;
}
.user-aside .head-box img{
	width: 67px;
	height: 67px;
	border-radius: 100%;
	margin: 0 auto;
}
.user-aside .user-state{
	font-size: 0;
	margin: 10px 0 13px 0;
	text-align: center;
}
.user-aside .user-state span,
.user-aside .user-state img{
	display: inline-block;
	color: #fff;
	margin-right: 5px;
}
.user-aside .user-state .nickname{
	font-size:16px;
}
.user-aside .user-state .nickname .nologin {
  color: #fa6060;
  border: 1px solid #fa6060;
  padding: 2px 10px 2px 10px;
}
.user-aside .user-state .level{
	width: 15px;
	height: 15px;
	vertical-align: -2px;
}
.user-aside .user-state .sex{
	background: #1295e0;
	font-size: 10px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    line-height: 17px;
    text-indent: 1px;
    vertical-align: 1px;
}
.user-aside p{
    width: calc(100% - 60px);
    height: 14px;
    font-size: 12px;
    color: #FFF;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*关注、粉丝、收藏*/
.user-care{
	display: -webkit-box;
	border-bottom: 10px solid #eeeeee;
}
.user-care li{
    text-align: center;
	-webkit-box-flex: 1;
}
.user-care li a{
	position: relative;
	display: block;
	font-size: 21px;
	color: #333;
	padding: 16px 0 14px;
}
.user-care li a:active,
.user-care li a:active p{
	color: #f07070 !important;
}
.user-care li a p{
	font-size: 12px;
	color: #63666b;
}
.user-care li a .line{
	position: absolute;
	top: 23px;
	right: 0;
	width: 1px;
	height: 22px;
	background: #dbdbdb;
}
.user-data dl{
	display: -webkit-box;
	border-bottom: 1px solid #dbdbdb;
}
.user-data dl dd{
	-webkit-box-flex: 1;
}
.user-data dl dd a{
	position: relative;
	display: block;
    padding: 27px 0 20px;
	text-align: center;
    font-size: 0;
}
.user-data dl:nth-child(2) dd:last-child a img{
    margin-top: 9px;
}
.user-data dl dd a span{
	font-size: 17px;
}
.user-data dl dd a b,
.user-data dl dd a span{
	display: inline-block;
    text-align: left;
}
.user-data dl dd a img{
	display: inline-block;
	margin-right: 10px;
    vertical-align: 5px;
}
.user-data dl dd a img {
    width: 25px;
}
.user-data dl dd a span p{
	color: #fa6060;
	font-size: 14px;
	margin-top: 5px;
}
.user-data dl:nth-child(3){
	text-align: center;
	border-bottom: none;
}
.user-data dl dd a .line{
	position: absolute;
	top: 25px;
	right: 0;
	width: 1px;
	height: 45px;
	background: #dbdbdb;
}
.user-data dl:nth-child(3) dd:nth-child(2) a img{
	vertical-align: -13px;
}
/*关注列表*/
.follow-head {
	text-align: center;
}
.follow-head h1{
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.follow-head .iconfont{
	font-size: 20px;
	position: absolute;
    top: 8px;
    left: 20px;
}
.follow-head .icon-search-back {
	position: absolute;
	top: 8px;
	left: 20px;
}
.follow-head .icon-go-search {
	position: absolute;
	top: 8px;
	left: 88%;
	width: 25px;
	height: 25px;
}
.follow-page .follow-list{
    border-top: 6px solid #eee;
}
.follow-page .follow-list li {
    padding: 15px 23px 15px 15px;
    border-bottom: 1px solid #e6e6e6;
}
.follow-page .follow-list li:active{
	background: #ddd;
}
.follow-page .follow-list>li>div.w100 {
	display: -webkit-box;
	display: -moz-box;
	display: box;
}
.follow-page .follow-list .f_left img {
	width: 45px;
	height: 45px;
	border-radius: 45px;
}
.follow-page .follow-list .f_left {
	width: 45px;
	margin-right: 10px;
}
.follow-page .follow-list li .hers-con {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.follow-page .follow-list li .hers-con a{
    margin-top: 5px;
}
.follow-page .follow-list li .hers-con a img{
	width: 15px;
	vertical-align: middle;
	display: inline-block;
}
.follow-page .follow-list li .hers-con button{
	position: relative;
	float: right;
	margin-top: 10px;
	font-size: 24px;
    color: #fa6363;
}
.follow-page .follow-list li .hers-con .icon-unfollow{
	color: #fa6363;
}
.follow-page .follow-list li .hers-con .icon-followed {
	color: #999;
}
.follow-page .follow-list li .hers-con .follow:after{
	position: absolute;
	top: 0;
	left: -3px;
	display: block;
	background: #fff;
	content: "\e691";
	font-size: 24px;
	color: #999;
	border-radius: 5px
}
.follow-page .follow-list li .hers-con .followed:after{
	position: absolute;
	top: 0;
	left: 3px;
	display: block;
	background: #fff;
	content: "\e6b6";
	font-size: 24px;
	color: #fa6363;
	border-radius: 5px;
}
.follow-page .follow-list li .nickname {
	color: #222;
	font-size: 16px;
	max-width: 145px;
	height: 21px;
	overflow: hidden;
}
.follow-page .follow-list li .ourselves {
	font-size: 12px;
	margin-top: 5px;
	color: #666;
    max-width: 195px;
    height: 14px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*我的收藏*/
.fav-page ul li{
	padding: 10px 0;
	border-bottom: 6px solid #eee;
}
.fav-page ul li:last-child{
	border-bottom: none;
}
.fav-page ul li:first-child{
	padding-top: 0;
}
.fav-page ul li a{
	display: block;
}
.fav-page ul li a .article-img{
	height: 148px;
	overflow: hidden;
}
.fav-page ul li a .article-con{
	    padding: 15px 18px 0;
}
.fav-page ul li a .article-con .p-con{
	font-size: 14px;
	color: #333;
	line-height: 20px;
    height: 50px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    word-wrap: break-word;
}
.fav-page ul li a .article-con p time{
	color: #999;
	font-size: 13px;
}
.fav-page ul li a .article-con p .iconfont{
	font-size: 16px;
	color: #999;
}
.fav-page ul li a .article-con p .unpass{
	color: #f07070 !important;
}
.fav-page ul li a .article-con p .passed{
	color: #45a3d2 !important;
}
.fav-page ul li a .article-con p .iconfont i {
	font-size: 13px;
    font-weight: normal;
}
.index-wraper .recommend-article.my-article section:first-child .article-box{
    border-top: 1px solid #eee;
}
.index-wraper .recommend-article section .article-box .article-detail .state i.iconfont{
	font-size: 15px;
	color: #999;
	margin-top: -2px;
}
.index-wraper .recommend-article section .article-box .article-detail .state i.passing,
.index-wraper .recommend-article section .article-box .article-detail .state i.passing span{
	color: #45a3d2 !important;
}
.index-wraper .recommend-article section .article-box .article-detail .state i.unpass,
.index-wraper .recommend-article section .article-box .article-detail .state i.unpass span{
	color: #f07070 !important;
}
/*溜溜珠余额-溜珠明细*/
.follow-head{
	text-align: center;
}
.follow-head .bead-share{
    position: absolute;
    right: 20px;
    top: 12px;
    color: #fff;
    width: 52px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 26px;
    background: #ff7676;
    font-size: 14px;
}
.bead-page {
    display: table;
    width: 100%;
}
.bead-page .balance{
	background: url(../img/user/bead-bg.jpg) no-repeat;
	background-size: 100%;
	text-align: center;
	display: table-cell;
    vertical-align: middle;
    padding: 45px 0;
}
.bead-page .balance .num{
	font-size: 36px;
	color: #333;
}
.bead-page .balance .title{
	font-size: 16px;
	color: #333;
	margin-top: 15px;
	padding: 0;
	height: auto;
}
.bead-trading{
}
.bead-table{
	width: 100%;
	text-align: center;
}
.bead-table tr th{
	color: #333;
	font-size: 15px;
	font-weight: normal;
	padding: 15px 0;
	border-bottom: 6px solid #ffdede;
}
.bead-table tr td{
	padding: 15px 0;
	border-bottom: 1px solid #e6e6e6;
	font-size: 13px;
	color: #333;
}
.bead-table tr:last-child td{
	border-bottom: none;
}

/*溜溜币明细*/
.coin-page{
}
.coin-page .coin-detail,
.wenda-page .wenda-nav{
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	font-size: 0;
	height: 47px;
	padding: 0;
	width: 100%;
	position: fixed;
    border-top: 6px solid #eee;
    z-index: 10;
    background: #fff;
}
.coin-page .coin-detail{
}
.coin-page .coin-detail li,
.wenda-page .wenda-nav li{
	display: inline-block;
	padding: 15px 0;
	margin-right: 35px;
	color: #333;
	font-size: 14px;
}
.coin-page .coin-detail li.active,
.wenda-page .wenda-nav li.active{
	border-bottom: 3px solid #fb7676;
}
.coin-page .coin-detail li:last-child,
.wenda-page .wenda-nav li:last-child{
	margin-right: 0;
}
.coin-page .coin-con{
	margin-top: 50px;
}
.coin-page .coin-con .list{
	display: none;
	padding-top: 55px;
}
.wenda-page .wenda-con .wenda-ul{
	display: none;
}
.wenda-page .wenda-con .wenda-ul ul li{
	position: relative;
}
.wenda-page .wenda-con .wenda-ul ul li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*提现记录*/
.coin-page .withdrawal li{
	padding: 15px 15px 10px 15px;
	border-bottom: 6px solid #f7f7f7;
}
.coin-page .withdrawal li:first-child{
	padding-top: 8px;
}
.coin-page .withdrawal li:last-child{
	border-bottom: none;
}
.coin-page .withdrawal li p{
	padding-bottom: 20px;

}
.coin-page .withdrawal li p,
.coin-page .withdrawal li p em{
	font-size: 13px;
	color: #333;
}
.coin-page .withdrawal li .detail .statue{
	width: 92px;
	height: 63px;
	text-align: center;
	line-height: 63px;
	color: #82c0f9;
	font-size: 13px;
	border: 1px solid #85c5fb;
	margin-right: 12px;
}
.coin-page .withdrawal li .detail .payed{
	color: #fcba88;
	border-color: #fcba88;
}
.coin-page .withdrawal li .detail .payed font{
	color: #fcba88 !important;
}
.coin-page .withdrawal li .detail .statue font{
	font-size: 30px;
	color: #82c0f9;
    vertical-align: middle;
    margin-right: 5px;
}
.coin-page .withdrawal li .detail p{
	font-size: 0;
    padding-bottom: 0;
}
.coin-page .withdrawal li .detail p span{
	display: inline-block;
	font-size: 13px;
	color: #333;
    padding: 8px 0;
}
.coin-page .withdrawal li .detail p span.collectier {
	max-width: 105px;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
} 
.coin-page .coin-con .coin-list{
    width: 100%;
	border: none;
}
.coin-page .coin-con .coin-list tr td{
	position: relative;
	font-size: 13px;
    text-align: center;
    border: none;
}
.coin-page .coin-con .coin-list tr td:last-child{
	text-align: right;
}
.coin-page .coin-con .coin-list tr td:nth-child(2){
    text-indent: 15px;
}
.coin-page .coin-con .coin-list tr td:first-child{
	padding: 8px 20px 15px 0;
}
.coin-page .coin-con .coin-list tr td span{
   	display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #f07070;
    border-radius: 100%;
    top: 11px;
    right: 0px;
}
.coin-page .coin-con .coin-list tr:not(:last-child) td span:after{
	position: absolute;
    top: 8px;
    left: 4px;
    display: block;
    content: "";
    background: #f07070;
    width: 1px;
    height: 35px;
}
.coin-page .coin-con .coin-list tr td i{
        color: #ff5555;
	   	font-size: 15px;
	    letter-spacing: 0;
	    padding: 0 1px
}
/*我的问答*/
.wenda-page {
}
.wenda-page .wenda-con .focus li {
	padding: 15px;
	border-bottom: 6px solid #eee;
}
.wenda-page .wenda-con .focus li:last-child{
	border-bottom: 0;
	margin-top: 2px;
}
.wenda-page .wenda-con .focus li p{
	font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.wenda-page .wenda-con .focus li .info {
	margin-top: 15px;
	line-height: 21px;
	font-size: 0;
}
.wenda-page .wenda-con .focus li .info font img{
	width: 18px;
	height: 18px;
	border-radius: 100%;
    margin: 2px 3px 0 0;
    float: left;
}
.wenda-page .wenda-con .focus li .info font{
    font-size: 18px;
    color: #999;
    line-height: 21px;
}
.wenda-page .wenda-con .focus li .info font:last-child{
	font-size: 13px;
    margin-top: 2px;
}
.wenda-page .wenda-con .focus li .info font span{
	font-size: 13px;
	color: #999;
	vertical-align: 1px;
}
.wenda-page .wenda-con .focus li .info font .nickname{
    width: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}
/*我的回答*/
.wenda-page .wenda-con .answer li{
	padding: 15px 0 10px 0;
	border-bottom: 6px solid #eee;
}
.wenda-page .wenda-con .answer li:last-child{
	border-bottom: 0;
}
.wenda-page .wenda-con .answer li h4{
    display: -webkit-box;
	font-size: 16px;
	font-weight: normal;
	color: #333;
	line-height: 25px;
	margin-bottom: 10px;
	padding: 0 20px;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wenda-page .wenda-con .answer li .my-answer{
	background: #f4f4f4;
	padding: 15px 20px;
}
.wenda-page .wenda-con .answer li .my-answer p{
	font-size: 14px;
	color: #333;
	line-height: 21px;
	text-align: justify;
}
.wenda-page .wenda-con .answer li .answer-info{
	margin-top: 10px;
	padding: 0 20px;
}
.wenda-page .wenda-con .answer li .answer-info font{
	font-size: 18px;
	color: #999;
}
.wenda-page .wenda-con .answer li .answer-info font.praise{
	font-size: 16px;
	margin-right: 20px;
}
.wenda-page .wenda-con .answer li .answer-info time,
.wenda-page .wenda-con .answer li .answer-info font span{
	font-size: 13px;
	color: #999;
}
/*我的提问*/
.wenda-page .wenda-con .ask li{
	padding: 15px;
	border-bottom: 6px solid #eee;
}
.wenda-page .wenda-con .ask li:last-child{
	border-bottom: none;
}
.wenda-page .wenda-con .ask li p{
	font-size: 14px;
	line-height: 22px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 45px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.wenda-page .wenda-con .ask li .con font{
	font-size: 18px;
	color: #999;
}
.wenda-page .wenda-con .ask li .con font:last-child{
	font-size: 14px;
}
.wenda-page .wenda-con .ask li .con time,
.wenda-page .wenda-con .ask li .con font span{
	color: #999;
	font-size: 13px;
}
/*邀请好友页面*/
.invite-bg{
	background: url(../img/user/invite-bg.jpg) top center no-repeat;
    background-size: 100%;
}
.invite-back{
    background: rgba(255,255,255,.2);
    padding: 4px 5px;
    color: #fff !important;
    border-radius: 100%;
}
.describe{
	padding: 100px 40px 45px;
}
.share-popup{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,.7);
    text-align: center;
}
/*个人中心-end-2016.11.4*/

/*安全中心*/
/*基本资料*/
.security ul li a {
	display: block;
	line-height: 44px;
	font-size: 15px;
}
.security ul li a p {
	line-height: 44px;
	font-size: 15px;
}
.security ul li a .iconfont {
	font-size: 20px;
}
.security ul li a .head {
	width: 35px;
	border-radius: 100%;
}
.security textarea {
	width: 100%;
    border: none;
    color: #ccc;
    font-size: 14px;
    height: 65px;
}
/*基本资料 end*/
/*第三方绑定*/
.bind-third ul li {
	padding: 20px 5px;
}
.bind-third ul li .iconfont {
	font-size: 30px;
	position: absolute;
	margin-top: -9px;
}
.bind-third ul li p {
	text-indent: 40px;
	color: #666;
	font-size: 15px;
}
.bind-third ul li button {
	width: 70px;
	border-radius: 5px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 15px;
	margin-top: -4px;
}
/*第三方绑定 end*/
/*安全中心 end*/

/*设置start*/
.setting-index{
	background: #fafafa;
}
.setting-index .security ul li{
	background: #fff;
}
.agreement-con h5{
	font-size: 14px;
	margin-top: 15px;
    font-weight: bold;
}
.agreement-con p{
	font-size: 12px;
    margin-top: 7px;
    line-height: 20px;
}
.feedback-text{
	padding: 0 25px;
	background: #fff;
}.feedback-text textarea{
    display: block;
    width: 100%;
    border: navajowhite;
    padding: 10px 0;
    font-size: 14px;
    height: 100px;
}
.feedback p{
    text-align: center;
    padding: 0 20px;
    font-size: 12px;
    line-height: 3;
}

.feedback p a{
	color: #118eea;
	font-size: 12px;
}
.help-issue ul li{
	padding-left: 15px;
}
.help-issue ul li p.text{
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 15px);
}
.help-issue ul li .issue-answer{
	display: none;
	font-size: 12px;
	color: #666;
    padding: 5px 20px 5px 5px;
    line-height: 18px;
}

/*设置end*/
/*他人中心*/
.information-others{
	position: relative;
}
.information-others .icon-security{
	font-size: 25px;
	left: 20px;
	top: 10px;
	line-height: 38px;
}
.information-others .icon-set{
	font-size: 27px;
	right: 20px;
	top: 11px;
	line-height: 34px;
}
.information-others .icon-security,
.information-others .icon-set{
	color: #fff;
	position: absolute;
	width: 32px;
    height: 32px;
    background: rgba(255,255,255,.6);
    color: #f07070;
    text-align: center;
    border-radius: 100%;
}
.information-others .user-top {
	background: url(../img/head-bg.jpg) center;
	background-size: 100%;
}
.information-others .user-top .head {
	width: 70px;
	border-radius: 100%;
	margin: 0 auto;
}
.information-others .user-top .badge {
	width: 15px;
	display: inline-block;
	vertical-align: -2px;
}
.information-others .user-top .name {
	font-size: 16px;
}
.information-others .user-top .name .nologin{
	color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.information-others .user-top .sex {
    font-size: 12px;
    border-radius: 100%;
    line-height: 17px;
    color: #fff;
    vertical-align: 1px;
    padding: 2px;
}
.information-others .user-top ul {
    display: -webkit-box;
    width: 50%;
    margin: 0 auto;
}
.information-others .user-top ul li {
    -webkit-box-flex: 1;
    text-align: center;
}
.information-others .user-top ul li:nth-child(1) {
	border-right: 1px solid #fff;
}
.information-others .user-top ul li a {
	color: #fff;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    padding: 3px 5px;
}
.information-others .user-top ul li a p {
	color: #fff;
}
.information-others .user-top .text {
	font-size: 12px;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;	
}
.information-others .user-tab {
	border-bottom: 10px solid #e5e5e5;
}
.information-others .user-tab tr th {
	position: relative;
	font-weight: 100;
}
.information-others .user-tab tr th b {
	position: absolute;
    top: 25px;
    right: 0;
    width: 1px;
    height: 20px;
    background: #e5e5e5;
}
.information-others .user-tab tr th a {
	padding: 15px 0;
	font-size: 20px;
	display: block;
}
.information-others .user-tab tr th a p {
	font-size: 13px;
}
.information-others .user-tab tr th a:active,
.information-others .user-tab tr th a:active p {
	color: #f07070;
}

/*他人评论 可做个人中心评论*/
.comments-page .text {
	font-size: 15px;
}
.comments-page .num .time {
	font-size: 14px;
}
.comments-page .border-bottom-sm{
	position: relative;
}
.comments-page a.con{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.comments-page p {
	font-size: 14px;
	line-height: 1.5;
}
.comments-page .has-no p{
	font-size: 16px;
}
.comments-page p img{
	width:22px;
	display: inline;
	margin-right: 5px;
}
.comments-page .con ul li {
    padding-right: 10px;
    width: 108px;
    float: left;
}
.comments-page .con ul li:nth-last-child(1) {
	padding: 0;
}
/*他人评论 end*/
/*他人中心文章列表*/
.article ul li {
	position: relative;
}
.article ul li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article .tip {
	font-size: 14px;
	border-bottom: 1px solid #e6e6e6;
}
.article .all {
    text-align: center;
    line-height: 30px;
    color: #f07070;
    padding: 0 15px;
    display: block;
    font-size: 14px;
    background: #eee;
}
.article .img-txt {
	position: relative;
	height: 200px;
	overflow: hidden;
}
.article .img-txt .num {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}
.article .iconfont {
	font-size: 18px;
}
.article i {
	font-size: 13px;
	margin-left: -3px;
}
.article p {
	font-size: 13px;
}
.article .text {
	line-height: 1.5;
}
.article .time {
	margin-top: 3px;
}

/*小图版*/
.article .img {
	width: 100px;
	height: 65px;
	overflow: hidden;
}
.article .img img {
	max-width: 150px;
}
.article .con {
	padding-left: 105px;
}
/*小图版 end*/

/*他人中心文章列表 end*/
/*他人中心问答列表 */
.wenda ul li{
    padding: 15px;
    border-bottom: 6px solid #eee;
}
.wenda .tip {
	font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
}
.wenda .all {
    text-align: center;
    line-height: 30px;
    color: #f07070;
    padding: 0 15px;
    display: block;
    font-size: 14px;
    background: #eee;
    margin-top: -6px;
}
.wenda ul li p{
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.wenda ul li .con time,.wenda ul li .con span{
    color: #999;
    font-size: 13px;
}
/*他人中心问答列表 end*/
/*他人中心 end*/


/*视频页面-start-2016.11.11*/
.follow-head .video-share{
    position: absolute;
    right: 20px;
    top: 13px;
    left: auto;
}
.video-box{
	height: 127px;
	overflow: hidden;
    background: rgba(0,0,0,.2);
}
.video-info{
    padding: 12px 15px;
	border-bottom: 1px solid #e6e6e6;
}
.video-info .video-function{
	width: 100%;
}
.video-info .video-function li:nth-child(n-1){
	width: 28%;
	margin-right: 5px;
}
.video-info .video-function li:nth-child(n+3){
	width: 18%;
	margin-right: 5px;
}
.video-info .video-function li a span{
	color: #999;
	font-size: 12px;
}
.video-info .video-function li.col-red a{
	color: #f07070;
}
.video-info .video-function li.col-red a span{
	color: #f07070;
}
.video-abstract{
	padding: 15px 20px;
}
.video-abstract p{
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}
.article-container .article-head .name .hot-comment{
	width: 42px;
	display: inline;
    vertical-align: -2px;
    margin-left: 5px;	
}
.admire .video-list{
	padding: 8px 3px 0;
    height: 116px;
    overflow: hidden;	
}
.admire .video-list ul{
	border-bottom: none;
    width: 100%;
}
.admire .video-list ul li{
	width: 31%;
	height: 114px;
	border: 1px solid #eee;
	float: left;
	margin: 0 4px 0 0;
}
.admire .video-list ul li .thumb-video{
	position: relative;
	height: 71px;
	overflow: hidden;
	background: rgba(0,0,0,.3);
}
.admire .video-list ul li .thumb-video img{
	border-radius: 0;
	width: 100%;
}
.admire .video-list ul li .thumb-video span{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	padding: 3px 4px;
	color: #fff;
	font-size: 12px;
}
.admire .video-list ul li p{
    padding: 6px 4px;
    line-height: 18px;
    font-size: 12px;
    color: #333;
    height: 31px;
    overflow: hidden;
}
.video-comment {
    border-bottom: 1px solid #eee;
    padding: 10px 0 15px;
}
.video-comment .head{
	width: 37px;
	height: 37px;
}
.video-comment .head img{
	border-radius: 100%;
}
.video-comment .video-reply{
	position: relative;
    padding: 0 20px 0 52px;
}
.video-comment .video-reply b{
    position: absolute;
    top: 12px;
    left: 43px;
    border-right: 9px solid #f0f0f0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
}
.video-comment .video-reply a{
    background: #f0f0f0;
    border-radius: 5px;
    border: none;
    display: block;
    padding: 0 10px;
    width: 100%;
    font-size: 13px;
    color: #999;
    line-height: 37px;
    height: 37px;
}
/*视频页面-end-2016.11.11*/
/*404页面-start*/
.error404 p{
	font-size: 16px;
	color: #333;
}
.error404 p a{
	font-size: 15px;
	color: #1f7adc;
	padding: 8px 13px;
	border: 1px solid #1f7adc;
	border-radius: 3px;
}
/*404页面-end*/
/*新搜索页面-start*/
.title .index-search {
    position: relative;
}
.title .index-search input.art-search{
    width: 100%;
    border-radius: 50px;
    padding: 8px 10px 8px 0px;
    box-sizing: border-box;
    background: #EDEDED;
    color: #666;
    text-indent: 15px;
}
.title .index-search .col-fff{
	color: #fff;
    margin: 2px 10px 0 0;
}
.title .index-search .search-btn{
    background: none;
    width: auto;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
    padding: 0 5px;
}
.title .index-search .search-input{
	position: relative;
    width: calc(100% - 50px);
}
.title .index-search .search-input .art-search~button{
    position: absolute;
    top: 1px;
    right: 0;
    color: #999;
    border: none;
    width: 40px;
    padding: 0;
    margin: 0;
    height: 33px;
    font-size: 16px;
    border-radius: 0 20px 20px 0;
}
.title .index-search .search-input button b {
	width: 1px;
	height: 20px;
	background: #E1E1E1;
	position: absolute;
	top: 7px;
	left: 0;
}

.hot-search p{
	font-size: 14px;
    color: #999;
    border-bottom: 1px solid #eee;
    line-height: 40px;
}
.hot-search ul{
	padding: 15px;
	font-size: 0;
}
.hot-search ul li{
	display: inline-block;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.hot-search ul li a {
	font-size: 16px;
}
.hot-search ul li:nth-of-type(even) a {
	font-size: 15px;
}

/*每个颜色*/
.hot-search ul li.col-1 a {
	color: #fa8169;
}
.hot-search ul li.col-2 a {
	color: #8370f7;
}
.hot-search ul li.col-3 a {
	color: #fb7373;
}
.hot-search ul li.col-4 a {
	color: #fc9c9c;
}
.hot-search ul li.col-5 a {
	color: #65aeec;
}


/*首页新搜索框-2016.11.29*/
.title .wd-search.i-search{
    width: 63%;
    margin-right: 70px;
}
.title .title-btn.i-title{
	padding: 6px 15px;
    font-size: 14px;
    white-space: nowrap;
    right: 0;
}
.title .login-head .head img{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px;
}
/*新搜索页面-end*/

/*活动页面-毁灭地球测试 2017.1.11 start*/
.g-activity{
	position: relative;
	width: 100%;
	height: 100%;
    box-sizing: border-box;
}
.btn-list {
	background-image: url(../img/activity/btn-list.png);
	background-size: 500%;
}
.g-activity .go_test{
    display: block;
    width: 210px;
    height: 63px;
    cursor: pointer;
    background-position: 0 0;
    background-size: 217%;
    margin: 30px auto;
}
.g-activity .go_test:active{
	background-position: -210px 0;
}
.g-activity .cover{
	width: 82%;
    margin: 0 auto;
    margin-top: 25px;
}
/*前言*/
.g-preface,
.g-result {
	position: relative;
}
.g-preface .preface {
    width: 90%;
    margin: 15px auto;
}
.g-preface .btn-next {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,-90%);
    display: block;
    width: 135px;
    height: 44px;
    background-position: 0px -64px;
    background-size: 335%;
}
.g-preface .btn-next:active {
	background-position: -136px -64px;
}
/*毁灭地球能力值-result*/
.g-result{
}
.g-result .part-result{
    border: 4px solid #002748;
    background: #fff;
    margin: 0 25px;
}
.g-result .part-result .test_value img{
	width: 45px;
    display: inline-block;
    margin-left: 10px;
}
.g-result img{
	width: 89%;
	margin: 15px auto;
}
.g-result .result-box{
   margin: 10px 8px;
}
.g-result .part-result .ewm-box img{
	float: left;
    width: 120px;
    height: 120px;
    margin-left: 30px;
}
.g-result .part-result .ewm-box p{
	line-height: 25px;
    color: #002748;
    font-size: 16px;
    padding: 25px 0;
    margin-left: 10px;
    float: left;
}

.g-result .result-box h4{
	font-size: 17px;
	color: #002748;
	font-weight: 600;
}
.g-result .result-box h4 strong{
	color: #ec5051;
	font-size: 30px;
    font-weight: 500;
    vertical-align: -1px;
}
.g-result .result-box p{
	color: #002748;
	font-size: 15px;
    margin-top: 10px
}
.g-result .action_btn{
	text-align: center;
	margin: 10px 0;
}
.g-result .action_btn a{
	display: inline-block;
	width: 99px;
	height: 34px;
	background-size: 440%;
}
.g-result .action_btn a:first-child{
	margin-right: 60px;
}
.g-result .action_btn .test_again{
    background-position: 1px -363px;
}
.g-result .action_btn .test_again:active{
	background-position: -99px -363px;
}
.g-result .action_btn .share_friend{
	background-position: 1px -182px;
}
.g-result .action_btn .share_friend:active{
	background-position: -99px -182px;
}
/*答题*/
.g-part .box {
    width: 100%;
    border: 3px solid #012641;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 50px;
}
.g-part .box .angle {
	position: absolute;
    bottom: -3px;
    left: -3px;
    width: 30px;
    height: 30px;
	background: url(../img/activity/angle.png);
}

.g-part .box .tip {
	font-size: 12px;
	color: #ee4d54;
	line-height: 1.4;
}
.g-part .box .btn-box {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 200px;
}
@-webkit-keyframes slide_up {
    0%,30%{opacity: 0;-webkit-transform: translate3d(0,10px,0);}
    60% {opacity: 1;-webkit-transform: translate3d(0,0,0);}
    100% {opacity: 0;-webkit-transform: translate3d(0,-8px,0);}
}
.g-part .box .btn-box font {
	color: #000;
    -webkit-animation: slide_up 2s infinite ease-out;
    position: absolute;
    top: -40px;
    right: 20px;
    font-size: 30px;
}
.g-part .box .btn-box .btn-next {
	width: 90px;
	height: 48px;
}
.g-part .box .btn-box .btn-next-l {
	background-position: -269px -63px
}
.g-part .box .btn-box .btn-next-r {
	background-position: -269px -111px;
}
.g-part .box .btn-box .btn-next-l:active,
.g-part .box .btn-box .btn-next-r:active {
	background-position-x: -360px;
}
.g-part .box .btn-submit {
    margin: 20px auto 0;
    width: 119px;
    height: 40px;
    display: block;
    background-position: 0px -486px;
    background-size: 332%;
}
.g-part .box .btn-submit:active {
	background-position-x: -118px;
}

/*问题列表*/
.g-part .box .part-list ul li {
	border-bottom: 1px dashed #012641;
	padding: 5px 0;
}
.g-part .box .part-list ul li:nth-last-child(1) {
	border-bottom: none;
}
.g-part .box .part-list ul li p,
.g-part .box .part-list ul li a {
	font-size: 14px;
	color: #012641;
	line-height: 1.4;
}
.g-part .box .part-list ul li p {
	font-weight: bold;
}
.g-part .box .part-list ul li a {
	display: inline-block;
	margin: 6px 0 6px 20px;
	position: relative;
	overflow: hidden;
}
.g-part .box .part-list ul li a input[type='radio'] {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 0;
}
.g-part .box .part-list ul li a span {
	width: 12px;
	height: 12px;
    border: 2px solid #012641;
    display: block;
    float: left;
    margin: 2px 10px 0 0;
}
.g-part .box .part-list ul li a span font {
	color: #ee4d54;
    float: left;
    margin: -2px 0 0 -2px;
    display: none;
}
.g-part .box .part-list ul li a.active span font {
	display: block;
}

/*答案*/
.g-answer p {
	line-height: 1.6;
	font-size: 15px;
	color: #012641;
	margin-bottom: 5px;
}
.music_box{
	position: fixed;
    top: 0px;
    right: 5px;
}
.music_box audio.bg-music{
	position: absolute;
 	top: 10px;
    right: -240px;
    opacity: 0;
    display: none;
}
.music_box a{
	display: none;
	position: absolute;
	top: 18px;
    right: 15px;
    z-index: 10;
}
.music_box a img{
	width: 30px;
}
/*活动页面-毁灭地球测试 2017.1.11 end*/

/*金融页面-守旧指数测试 2017.3.13 start*/
/**图片轮播start*/
.loan-banner-box .index_banner{
	position: relative;
	height: 85px;
	overflow: hidden;
}
.loan-banner-box .index_banner .banner-con {
	position: relative;
}
.loan-banner-box .index_banner .banner-con .btn-prev,
.loan-banner-box .index_banner .banner-con .btn-next{
	position: absolute;
	width: 74px !important;
	height: 74px !important;
	border-radius: 100%;
	background: #f07070;
	color: #fff;
	text-align: center;
	line-height: 74px;
	font-size: 20px;
	font-weight: 100;
	top: 50%;
	margin-top: -37px;
	left: 100px;
	opacity: 0;
}
.loan-banner-box .index_banner .focus{
    position: absolute;
    bottom: 5px;
    right: 10px;
    margin-left: -25px;
}

.loan-banner-box .index_banner .focus a{
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 20px;
	background: rgba(0,0,0,.5);
	margin-right: 5px;
}
.loan-banner-box .index_banner .focus a.current{
	background: #f57472;
}
.loan-banner-box .index_banner .banner-con ul li{
	position: relative;
}
.loan-banner-box .index_banner .banner-con ul li a{
	display: block;
}
.loan-banner-box .index_banner .banner-con ul li span{
    position: absolute;
    top: 39px;
    left: 40px;
    width: 55%;
    line-height: 1.6;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: none;
}
.loan-banner-box .index_banner .banner-con ul li span b {
    height: 3px;
    background: #fff;
    width: 50px;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.loan-banner-box .index_banner ul li img{
}
/**图片轮播end*/
.m-finance .g-hd{
	background: url(../img/finance/finance_hd.jpg) no-repeat;
    background-size: cover;
	/*padding-bottom: 10px;*/
}
.m-finance .g-hd .m-search{
	padding: 20px 25px 10px;
}
.m-finance .g-hd .m-search .u-search{
	position: relative;
	width: 100%;
}
.m-finance .g-hd .m-search .u-search input{
	background: transparent;
	width: calc(100% - 30px);
	padding: 0 0 8px 30px;
    border: none;
	border-bottom: 2px solid #fff;
	border-radius: 0;
	color: #d4d4d4;
	-webkit-tap-highlight-color: transparent;
}
.m-finance .g-hd .m-search .u-search:before{
	position: absolute;
	left: 0;
	top: -5px;
	display: block;
	content: '\e661';
	font-size: 22px;
	color: #fff;
}
.m-finance .g-hd .m-search .u-search a{
    position: absolute;
    top: 0;
    right: 1px;
    z-index: 150;
	color: #fff;
	font-size: 17px;
    vertical-align: -3px;
    padding-left: 3px;
    cursor: pointer
}
.m-finance .g-hd  .m-slidenav{
	padding: 10px 0;
	text-align: center;
    background: rgba(255,255,255,.3);
}
.m-finance .g-hd  .m-slidenav a{
	position: relative;
	display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px 15px;
    border: 1px dashed rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
}
.m-finance .g-hd  .m-slidenav a:first-child:after {
    display: block;
    content: '';
    position: absolute;
    top: 3px;
    right: -59px;
    height: 70px;
    background: rgba(255, 255, 255, 0.8);
    width: 1px;
}
.m-finance .g-hd  .m-slidenav a:active {
	background: rgba(255,255,255,.5);
}
.m-finance .g-hd  .m-slidenav a font,
.m-finance .g-hd  .m-slidenav a span{
	color: #fff;
}
.m-finance .g-hd  .m-slidenav a font{
	font-size: 30px;
}
.m-finance .g-hd  .m-slidenav a:not(:last-child){
    margin-right: 110px;
}
.m-finance .g-bd{
    background: #dadada;
}
.m-finance .g-bd .m-raider{
	padding: 8px 0 8px 15px;
	background: #fff;
}
.m-finance .g-bd .m-raider p{
	position: relative;
	font-size: 14px;
	color: #999;
	line-height: 19px;
}
.m-finance .g-bd .m-raider li{
    height:19px;
    line-height:19px;
}
.m-finance .g-bd .m-raider a{
    font-size: 14px;
    color: #999;
    line-height: 19px;
    display: block;
    height: 19px;
    line-height: 19px;
    width: calc(100%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-finance .g-bd .m-raider .marquee-box{
    overflow: hidden;
    height:19px;
}
.m-finance .g-bd .m-raider p img{
	width: 70px;
	margin-right: 18px;
}
.m-finance .g-bd .m-raider p:before{
    position: absolute;
    top: -2px;
    left: 76px;
    display: block;
    content: "";
    width: 1px;
    height: 23px;
    background: #e2e2e2;;
}
.m-finance .g-bd .m-list{
	padding: 7px 5px 0;
}
.m-finance .g-bd .m-list p.more{
	margin-bottom: 7px;
	padding-bottom: 80px;
}
.m-finance .g-bd .m-list p{
	text-align: center;
	margin-bottom: 8px;
}
.m-finance .g-bd .m-list p a{
	text-align: center;
	display: block;
    font-size: 14px;
    color: #666;
}
.m-finance .g-bd .m-list .may_loan p{
	font-size: 12px;
}
.m-finance .g-bd .m-list ul li,
.m-finance .g-bd .m-list2 ul li{
    width: calc(50% - 4px);
    background: #fff;
    float: left;
    margin-bottom: 8px;
}
.m-finance .g-bd .m-list ul li:not(:nth-child(2n)){
	margin-right: 7px;
}
.m-finance .g-bd .m-list ul li a{
	display: block;
	padding: 5px;
}
.m-finance .g-bd .m-list ul li a .fl{
	width: 43%;
}
.m-finance .g-bd .m-list ul li a .fl img{
	width: 75px;
}
.m-finance .g-bd .m-list ul li a .fl{
	position: relative;
}
.m-finance .g-bd .m-list ul li a .fr .img-box{
	height: 30px;
}
.m-finance .g-bd .m-list ul li a .fl .may_loan:after{
	position: absolute;
	bottom: 1px;
    right: -9px;
    display: block;
    content: "";
    width: 1px;
    height: 39px;
    background: #dadada;
}
.m-finance .g-bd .m-list ul li a .fl .may_loan em,
.m-finance .g-bd .m-list ul li a .fr .may_loan em{
	display: block;
	text-align: center;
	color: #df311c;
	font-size: 12px;
	padding: 5px 0 2px;
	font-weight: 500;
}
.m-finance .g-bd .m-list ul li>p{
    font-size: 12px;
    color: #666;
    letter-spacing: normal;
    background: #e3f0fa;
    padding: 5px 0;
    margin-bottom: 0;
}
.m-finance .g-bd .m-list ul li a .fr img{
	width: 45px;
    float: right;
    margin: 5px 0 15px;
}
.m-finance .g-bd .m-list ul li a .fr .may_loan em{
	color: #2b88d5;
}
.m-finance .g-bd .m-list2{
    padding: 3px 10px 10px;
}
.m-finance .g-bd .m-list2 ul li a{
	box-sizing: border-box;
    padding: 18px 10px;
	color: #333;
	font-size: 14px;
	font-weight: 500;
}
.m-finance .g-bd .m-list2 ul li .loan_cal{
	background: url(../img/finance/mfinance_cal.png);
	background-size: cover;
}
.m-finance .g-bd .m-list2 ul li .mfinance_cal{
	background: url(../img/finance/loan_cal.png);
	background-size: cover;
}
.m-finance .cal-popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12,12,12,.7);
    padding: 0 30px;
    box-sizing: border-box;
    z-index: 1000;
}
.m-finance .cal-popup .box{
	background: #fff;
	border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 15px;
}
.m-finance .cal-popup .box .hd{
	background: #fff url(../img/finance/cal-popup.png) 0 -1px no-repeat;
    background-size: cover;
	padding: 51px 135px;
	position: relative;
	border-radius: 4px;
}
.m-finance .cal-popup .box .hd a{
	position: absolute;
	right: 5px;
    top: 5px;
    font-size: 21px;;
	color: #fff;
}
.m-finance .cal-popup .box p{
	padding: 0 50px;
	color: #666;
	font-size: 17px;
	margin-bottom: 13px;
}
.m-finance .cal-popup .box p input{
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #a4a4a4;
    color: #e0b910;
    font-size: 19px;
    padding-right: 0;
    margin: 0 5px;
    padding-left: 5px;
    display: inline-block;
    max-width: 80px;
}
.m-finance .cal-popup .box p strong{
	color: #579eed;
	font-size: 19px;
	margin: 0 5px;
	display: inline-block;
	font-weight: 500;
}

/*贷款列表*/
.g-loanlist ul li{
	background: #fff;
	box-shadow: 0 0 3px rgba(203,203,203,.3);
	margin-bottom: 10px;
}
.g-loanlist ul li a{
	display: block;
}
.g-loanlist ul li a p{
	background: #e3f0fa;
	color: #333;
	font-size: 12px;
	padding: 8px 20px;
    width: calc(100% - 40px);
}
.g-loanlist ul li a .plat{
	padding: 10px 15px;
}
.g-loanlist ul li a .plat div{
	display: table;
}
.g-loanlist ul li a .plat div i,
.g-loanlist ul li a .plat div i em{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.g-loanlist ul li a .plat div:first-child i{
	width: 124px;
    height: 67px;
}
.g-loanlist ul li a .plat .img-box img{
	max-width: 104px;
}
.g-loanlist ul li a .plat .abr p{
	margin-bottom: 10px;
	font-size: 12px;
	color: #999;
	background: transparent;
	padding: 0;
	width: auto;
	text-align: left;
}
.g-loanlist ul li a .plat .abr p:last-child{
	margin-bottom: 0;
}
.g-loanlist ul li a .plat .abr p:first-child{
	font-size: 16px;
	color: #333;
}
.g-loanlist ul li a .plat .iconfont i{
    width: 18px;
    height: 67px;
}
.g-loanlist ul li a .plat .iconfont i em{
    font-size: 24px;
}
/*借款详情*/
.follow-head .loan_glue{
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 13px;
    color: #999;
    cursor: pointer;
}
.loan-warn {
	padding: 10px;
	text-align: center;
	font-size: 14px;
	background: #f7d5d5;
	color: #f70707;
	letter-spacing: 0;
}
.loan-warn font {
	color: #f00;
	margin-right: 3px;
	font-size: 18px;
	vertical-align: middle;
}
.g-loandetail .content .plat{
	margin: 0 20px;
    padding: 15px 0;
}
.g-loandetail .content .plat .f-cb{
    border-bottom: 1px solid #bfbfbf;
}
.g-loandetail .content .plat img{
	width: 104px;
	/*height: 34px;*/
	margin: 10px 0;
}
.g-loandetail .content .plat .fl{
	padding-left: 20px;
    margin: 10px 0;
}
.g-loandetail .content .plat div.fl{
	margin: 8px 0;
}
.g-loandetail .content .plat .fl em{
	font-size: 16px;
	color: #333;
}
.g-loandetail .content .plat .fl p,
.g-loandetail .content .plat .fl p span{
	font-size: 12px;
	color: #999;
	margin-top: 15px;
}
.g-loandetail .content .plat .most{
	font-size: 13px;
	color: #999;
    padding: 7px 0;
}
.g-loandetail .content .scope{
	border: 1px solid #bfdcf0;
	border-left: none;
	border-right: none;
	padding: 20px 15px;
}
.g-loandetail .content .scope{
	text-align: center;
	background-color: #dcedf9;
}
.g-loandetail .content .scope div{
	position: relative;
	width: 48%;
}
.g-loandetail .content .scope div p,
.g-loandetail .content .scope div p span{
	font-size: 13px;
	color: #666;
	margin-top: 8px;
}
.g-loandetail .content .scope input{
	background: #fff;
	border: 1px solid #aed0e7;
    width: 85%;
	border-radius: 3px;
	color: #666;
	padding: 7px 8px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.g-loandetail .content .speed{
	padding: 0 18px;
    border-bottom: 1px solid #dedede;
}
.g-loandetail .content .speed table{
	width: 100%;
	margin: 14px 0;
}
.g-loandetail .content .speed table,
.g-loandetail .content .speed table th,
.g-loandetail .content .speed table td{
	border: none;
}
.g-loandetail .content .speed table tr th{
	color: #40a0f9;
	font-size: 18px;
	font-weight: 500;
}
.g-loandetail .content .speed table tr td{
	font-size: 13px;
	color: #666;
	text-align: center;
	padding-top: 10px;
}
.g-loandetail .content .speed p{
	text-align: center;
	color: #666;
	font-size: 14px;
	border-top: 1px solid #bfbfbf;
    padding: 10px 0;
}
.g-loandetail .content .speed table tr th:first-child,
.g-loandetail .content .speed table tr td:first-child{
    border-right: 1px solid #c7c6c6;
}
.g-loandetail .content .if{
	padding: 0 18px;
	border: 1px solid #e3e3e3;
	border-left: 0;
	border-right: 0;
	margin: 10px 0;
}
.g-loandetail .content .if .tit,
.g-loandetail .content .if .tit font{
	color: #40a0f9;
    font-size: 20px;
    vertical-align: middle;
}
.g-loandetail .content .if .tit{
	font-size: 14px;
	padding: 10px 0 8px 5px;
    border-bottom: 1px solid #bfbfbf;
}
.g-loandetail .content .if p{
	font-size: 13px;
	color: #333;
	padding: 8px 0 10px 5px;
}
.g-loandetail .content .comment .comt-list li{
	padding: 8px 6px;
}
.g-loandetail .content .comment .comt-list li:not(:last-child){
	border-bottom: 1px solid #e6e6e6;
}
.g-loandetail .content .comment .comt-list li img{
	width: 27px;
	height: 27px;
	border-radius: 50%;
}
.g-loandetail .content .comment .comt-list li .con{
	padding-left: 5px;
	margin-left: 27px;
}
.g-loandetail .content .comment .comt-list li .con span{
	font-size: 14px;
	color: #999;
	margin-right: 5px;
}
.g-loandetail .content .comment .comt-list li .con img{
	width: 15px;
	height: 15px;
	border-radius: 5%;
}
.g-loandetail .content .comment .comt-list li .con font{
	color: #999;
	font-size: 12px;
}
.g-loandetail .content .comment .comt-list li .con p{
	font-size: 14px;
	color: #333;
	border: none;
	padding: 0;
	line-height: 20px;
}
.g-loandetail .content .comment .comt-list li .con p em{
	color: #fff;
	background: #3c57f9;
	border-radius: 3px;
	padding: 3px 5px;
    margin-right: 5px;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px
}
.g-loandetail .content .comment .empty{
    text-align: center;
    margin: 5px auto;
    font-size: 14px;
    color: #999;
}
.g-loandetail .go-reply{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 18px;
	background: rgba(51,51,51,.7);
    z-index: 10;
}
.g-loandetail .go-reply a{
	display: block;
	background: #3c57f9;
	width: 100%;
	height: 41px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	line-height: 41px;
	font-size: 18px;
}
.g-loandetail .scope-popup{
	position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index: 105;
}
.g-loandetail .scope-popup .how-scope{
    position: absolute;
    top: 50%;
    left: 50%;
	width: 80%;
    background: #fff;
    border-radius: 2px;
    transform: translate(-50%,-50%);
}
.g-loandetail .scope-popup .how-scope .layer-title{
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
	font-size: 17px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
    font-weight: 500;
    position: relative;
}
.g-loandetail .scope-popup .how-scope .layer-title a{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	color: #666;
}
.g-loandetail .scope-popup .how-scope .layer-content{
    padding: 20px 0;
}
.g-loandetail .scope-popup .how-scope .layer-content p{
	text-align: center;
}
.g-loandetail .scope-popup .how-scope .layer-content form{
    padding: 0 100px;
}
.g-loandetail .scope-popup .how-scope .layer-content form p{
	cursor: pointer;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}
.g-loandetail .scope-popup .how-scope .layer-content form p span{
    font-size: 16px;
    color: #999;
}
.g-loandetail .scope-popup .how-scope .layer-content form input[type =radio]{
	appearance: radio !important;
    -webkit-appearance: radio !important;
}
.g-loandetail .scope-popup .how-scope .layer-content form .regular-radio {
    display: none;
}
.g-loandetail .scope-popup .how-scope .layer-content form .regular-radio:checked + label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.g-loandetail .scope-popup .how-scope .layer-content form .regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: -9px;
    margin-bottom: 5px;
}
.g-loandetail .scope-popup .how-scope .layer-content form .choose:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    background: #2794e6;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 4px;
    font-size: 32px;
}
.g-loandetail .scope-popup .how-scope .layer-content p input[type =submit]{
	height: 28px;
    line-height: 3px;
    margin: 6px 6px 0;
    padding: 15px 30px;
    border: 1px solid #dedede;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
.g-loandetail .scope-popup .how-scope .layer-content p .sure.bling{
	background: #40a0f9;
	color: #fff;
	border: 1px solid #40a0f9;
}

/*金融工具推广页面*/
.m-finance .g-bd .m-list ul.ads-list li{
    border: 1px solid #ccc;
    width: calc(50% - 6px);
}
.m-finance .g-bd .m-list ul.ads-list li .iconfont{
	text-align: right;
	font-size: 20px;
	color: #6c6c6c;
	margin-bottom: 5px;
}
/*金融页面-守旧指数测试 2017.3.13 end*/

/*  新首页  */
.new-loan {
	position: relative;
}
.new-loan .m-head {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 24px;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
}
.new-loan .m-head a {
	color: #fff;
	font-size: 15px;
	background: rgba(0,0,0,.5);
	padding: 6px;
	border-radius: 50%;
}
/*  新平台上线  */
.new-loan .newplats {
	padding: 5px 10px;
	background: #f5f5f5;
}
.new-loan .pannel h4 {
	position: relative;
	font-size: 16px;
	color: #333;
	padding: 12px 24px;
	border-bottom: 1px solid #e6e6e6;
}
.new-loan .pannel h4 a,
.new-loan .pannel h4 a b{
	color: #6baaea;
}
.new-loan .pannel h4 a {
	font-size: 14px;
	cursor: pointer;
}
.new-loan .pannel h4 a b{
	font-size: 16px;
	margin-right: 8px;
}
.new-loan .pannel h4:before {
	position: absolute;
	top: 20px;
	left: 15px;
	content: '';
	width: 2px;
	height: 8px;
	background: #f0706f;
}
.new-loan .pannel .sort {
	font-size: 0;
	text-align: center;
	display: flex;
	padding: 10px;
}
.new-loan .pannel .sort li {
	display: inline-block;
	flex: 1;
}
.new-loan .pannel .sort li:not(:last-child) {
	margin-right: 5px;
}
.new-loan .pannel .sort li img {
	width: 75px;
	margin: 0 auto;
}
.bordbottom10 {
	border-bottom: 10px solid #f5f5f5;
}
.hot-lists {
	padding: 15px;
}
.hot-lists li {
	padding: 15px 0;
	border-bottom: 1px solid #efefef;
}
.hot-lists li .txt {
	width: 79%;
}
.hot-lists li a {
	display: block;
	position: relative;
}
.hot-lists li img {
	width: 45px;
	height: 45px;
	background: #eee;
	border-radius: 10px;
	margin-right: 8px;
}
.hot-lists li h5 {
	color: #333;
	font-size: 14px;
	margin-bottom: 5px;
}
.hot-lists li p {
	color: #aaa;
	font-size: 12px;
	line-height: 20px;
}
.hot-lists li p span {
	color: #f0706f;
	font-size: 12px;
}
.hot-lists li p span:first-child {
	position: relative;
	margin-right: 25px;
}
.hot-lists li p span:first-child:after {
	position: absolute;
	top: 1px;
	right: -12px;
	border-left: 1px solid #dedede;
	content: '';
	height: 12px;
}
.hot-lists li .iconfont {
	font-size: 24px;
	margin-top: 10px;
	width: 16px;
	position: absolute;
	top: 9%;
	right: 10px;
}
.new-loan .pannel .see-more {
	display: block;
	text-align: center;
	padding-bottom: 10px;
	font-size: 14px;
	color: #f07070;
}
/* 新平台列表页 */
.nloan-lists .nlists .hot-lists {
	padding: 0 0 15px 0;
}
.nloan-lists .nlists .hot-lists li {
	padding: 15px;
}
.nloan-lists .follow-head {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}
.nloan-lists .follow-head h1.bar-title {
	background: #f0706f;
	color: #fff;
	font-weight: normal;
}
.nloan-lists .follow-head .iconfont {
	margin-top: 5px;
	display: inline-block;
	color: #fff;
}
/**下拉**/
.nloan-lists .nav-list {
	border-bottom: 10px solid #f5f5f5;
	padding-right: 14px;
}
.nloan-lists .nav-list .topmenu{
	width:100%;
}
.nloan-lists .nav-list .topmenu dt{
	width:25%;
	float:left;
}
.nloan-lists .nav-list .selectlist{
	width:100%;
	height:auto;
	box-sizing: border-box;
	cursor: pointer;
}
.nloan-lists .nav-list .select_textdiv{
	height: 48px;
	width:100%;
	line-height: 48px;
	text-align: center;
	position:relative;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none;
}
.nloan-lists .nav-list .select_textdiv .s_text {
	width: 66px;
	height: 48px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nloan-lists .nav-list .select_textdiv p {
	line-height: 48px;
	font-size: 12px;
	color: #777;
}
.nloan-lists .nav-list .select_textul{
	width:100% !important;
	line-height: 3rem;
	box-sizing: border-box;
	display: none;
	min-height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 10;
	position: fixed;
	top: 100px;
	left: 0;
}
.nloan-lists .nav-list .select_first_ul{
	width: 100%;
	background: #fff;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	padding: 0 15px;
}
.nloan-lists .nav-list .select_first_ul>li{
	box-sizing: border-box;
	border-bottom:1px #e6e6e6 solid;
}
.nloan-lists .nav-list .select_first_ul>li>p{
	box-sizing: border-box;
	color: #aaa;
	font-size: 13px;
	padding: 13px 0;
	cursor: pointer;
}
.nloan-lists .nav-list .focus>p{
	color: #f0706f !important;
}
.nloan-lists .nav-list .select_second_ul{
	width: 50%;
	position: absolute;
	right: 0px;
	top: 0;
	background: #fff;
	display: none;
	box-sizing: border-box;
	padding-left: 0.5rem;
	/*z-index: 1;*/
}
.nloan-lists .nav-list .down{
	position: absolute;
	top: 0;
	right: -2px;
	display: block;
	width: 1rem;
	height: 100%;
	z-index: 100;
	line-height: 46px;
	font-size: 14px;
	color: #777;
}
.nloan-lists .nav-list .topmenu dt:not(:first-child) .select_textdiv .down:after {
	position: absolute;
	left: -70px;
	top: 14px;
	height: 20px;
	content: '';
	border-right: 1px solid #dcdcdc;
	z-index: 1;
}
.nloan-lists .nav-list .down img{
	width:1rem;
	margin-top: 1rem;
}
.nloan-lists .nav-list .focusli{
	background: #ffc107;
	color: #FFFFFF;
}
.nloan-lists .nav-list .select_second_ul>li{
	padding: 0 0.5rem;
	box-sizing: border-box;
	border-bottom: 1px solid #eaeaea;
}
.colf0706f {
	color: #f0706f !important;
}
.seach-banner .index_banner ul li img {
	height: auto;
}
.seach-banner .index_banner {
	height: 130px;
}
.seach-banner .index_banner .focus {
	bottom: 0;
}

/* 任务首页 */
.task-nav-box .task-nav {
	display: flex;
}
.task-nav-box .task-nav a{
	position: relative;
	color: #777;
	font-size: 14px;
	display: block;
	flex: 1;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.task-nav-box .task-nav .active {
	font-size: 17px;
	color: #333;
}
.task-nav-box .task-nav .active:after{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 15px;
	margin-left: -10px;
	display: block;
	content: '';
	width: 15px;
	height: 3px;
	background: #F07070;
	border-radius: 4px;
}
.task-nav-box .task-nav a:last-child {
	color: #F07070;
}
.task-nav-box .task-nav a:last-child font {
	color: #F07070;
	font-size: 22px;
	margin-left: -6px;
	vertical-align: -2px;
}
.task-nav-box .task-list {
	padding: 10px;
	background: #F5F5F5;
}
.task-nav-box .task-list .list ul li {
	padding: 10px 10px 21px;
	background: #fff;
	box-shadow: 0 1px 6px 0 rgba(93,93,93,0.29);
	border-radius: 10px;
	margin-bottom: 10px;
}
	.task-nav-box .task-list .list .list-head {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 10px;
}
.task-nav-box .task-list .list .list-head img{
	width: 98px;
	height: 40px;
}
.task-nav-box .task-list .list .list-head .label-box{
	font-size: 0;
	margin-top: 8px;
}
.task-nav-box .task-list .list .list-head .label-box span{
	display: inline-block;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 4px;
	text-align: center;
	line-height: 20px;
	margin-left: 10px;
	background: #FF6C00;
	border-radius: 3px;
}
.task-nav-box .task-list .list-content {
	display: flex;
	padding: 25px 0 0;
	margin-bottom: 15px;
}
.task-nav-box .task-list .list-content .invest{
	flex: 1;
}
.task-nav-box .task-list .list-content .money,
.task-nav-box .task-list .list-content .num {
	font-size: 13px;
	color: #151515;
	line-height: 25px;
	margin-bottom: 3px;
}
.task-nav-box .task-list .list-content .invest:nth-child(2) {
	text-align: center;
}
.task-nav-box .task-list .list-content .invest:last-child {
	text-align: right;
}
.task-nav-box .task-list .list-content .money span,
.task-nav-box .task-list .list-content .num span {
	font-size: 18px;
	color: #151515;
	line-height: 25px;
	letter-spacing: 0;
	margin-right: 1px;
}
.task-nav-box .task-list .list-content .commission {
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 3px;
	color: #D40604;
}
.task-nav-box .task-list .list-content .commission span {
	color: #D40604;
	font-size: 18px;
}
.task-nav-box .task-list .list-content .invest p:last-child{
	font-size: 12px;
	color: #999;
}
.task-nav-box .task-list .list-content .invest p:last-child font{
	transform: rotate(0);
}
.task-nav-box .task-list .list-content .invest p.z-active font{
	transform: rotate(-180deg);
}
.task-nav-box .task-list .list-content .invest p font {
	vertical-align: -1px;
}
.task-nav-box .task-list .earn-detail,
.task-detail-head .top .earn-detail {
	display: none;
	background: #F1F1F1;
	border-radius: 10px;
	padding: 10px;
}
.task-nav-box .task-list .earn-detail p,
.task-detail-head .top .earn-detail p {
	font-size: 11px;
	color: #777;
	letter-spacing: -0.24px;
}
.task-nav-box .task-list .earn-detail .part-parent,
.task-detail-head .top .part-parent {
	padding: 8px 15px 0;
}
.task-nav-box .task-list .earn-detail .part-parent .child,
.task-detail-head .top .earn-detail .part-parent .child {
	display: flex;
	text-align: center;
}
.task-nav-box .task-list .earn-detail .part-parent .child:first-child,
.task-detail-head .top .earn-detail .part-parent .child:first-child {
	font-size: 12px;
	color: #333;
	letter-spacing: -0.26px;
	margin-bottom: 2px;
}
.task-nav-box .task-list .earn-detail .part-parent .child:last-child .part,
.task-detail-head .top .earn-detail .part-parent .child:last-child .part {
	font-size: 10px;
	color: #aaa;
	letter-spacing: -0.215px;
}
.task-nav-box .task-list .earn-detail .part-parent .child .part,
.task-detail-head .top .earn-detail .part-parent .child .part {
	flex: 1;
}
.task-nav-box .task-list .list-btn-detail {
	margin-top: 20px;
}
.task-nav-box .task-list .list-btn-detail .btn-detail {
	display: block;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #F07070;
	box-shadow: 0 5px 8px 0 #ffaaaa;
	border-radius: 50px;
	font-size: 16px;
	color: #fff;
}
.task-index .screen-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}
.task-index .screen-popup .screen-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	height: auto;
	padding: 15px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	z-index: 105;
	max-height: 500px;
	overflow-y: scroll;
}
.task-index .screen-popup .screen-box .content {
	position: relative;
	margin-bottom: 3px;
}
.task-index .screen-popup .screen-box .content .icon-close {
	display: block;
	position: absolute;
	top: -17px;
	right: -20px;
	color: #999;
	font-size: 21px;
	padding: 7px 3px;
}
.task-index .screen-popup .screen-box .content h5 {
	font-size: 15px;
	color: #333;
	margin-bottom: 15px;
}
.task-index .screen-popup .screen-box ul li {
	float: left;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #777;
	font-size: 12px;
	border: 1px solid #bbb;
	border-radius: 4px;
	margin-bottom: 10px;
	cursor: pointer;
}
.task-index .screen-popup .screen-box ul li:not(:nth-child(3n)) {
	margin-right: 8px;
}
.task-index .screen-popup .screen-box ul li.active {
	color: #F07070;
	background: rgba(240, 112, 112, .1);
	border: 1px solid #F07070;
}
.screen-popup .screen-box .btn-sure-reset{
	background: #f6f6f6;
	padding: 7px 7px 7px 0;
	margin: 10px -15px -15px -15px;
}
.screen-popup .screen-box .btn-sure-reset .btn-func {
	display: block;
}
.screen-popup .screen-box .btn-sure-reset .btn-sure {
	background: #f07070;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 3px;
}
.screen-popup .screen-box .btn-sure-reset .btn-reset {
	background: #fff;
	color: #666;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-right: 30px;
}

	/* 任务详情页 */
.task-detail {
	margin-bottom: 40px;
}
.task-detail-head{
	background: #f5f5f5 url(../img/task-detail-bg.png) no-repeat;
	background-size: 100%;
	padding: 50px 15px 10px;
}
.task-detail-head .top {
	padding: 10px 10px 17px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(111,111,111,0.33);
	border-radius: 5px;
}
.task-detail-head .head {
	margin-bottom: 14px;
}
.task-detail-head .head .logo {
	width: 95px;
	height: 36px;
}
.task-detail-head .head .label-box {
	font-size: 0;
	margin-top: 8px;
}
.task-detail-head .head .label-box span {
	display: inline-block;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 4px;
	text-align: center;
	line-height: 20px;
	margin-left: 10px;
	background: #FF6C00;
	border-radius: 3px;
}
.task-detail-head .top .detail-desc {
	margin-bottom: 15px;
}
.task-detail-head .top .detail-desc .name-who h5 {
	font-size: 16px;
	color: #333;
	margin-bottom: 4px;
}
.task-detail-head .top .detail-desc .name-who p {
	font-size: 13px;
	color: #aaa;
}
.task-detail-head .top .detail-desc .earning h5 {
	font-size: 18px;
	color: #D40604;
	letter-spacing: -1px;
	text-align: right;
	margin-bottom: 4px;
}
.task-detail-head .top .detail-desc .earning p {
	font-size: 12px;
	color: #999;
}
.task-detail-head .pannel {
	padding: 0 5px 24px;
	border-bottom: 10px solid #f5f5f5;
	background: #fff;
	margin-left: -15px;
	margin-right: -15px;
}
.task-detail-head .pannel h3 {
	position: relative;
	font-size: 17px;
	color: #333;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 15px;
	margin-bottom: 15px;
}
.task-detail-head .pannel h3:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 7px;
	width: 4px;
	height: 10px;
	background: #F07070;
	transform: translateY(-50%);
}
.task-detail-head .pannel .text p {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	padding: 0 8px
}
.task-detail-foot {
	width: 100%;
	display: table;
	border-spacing: 5px 0;
	position: fixed;
	bottom: 0;
	left: 0;
}
.task-detail .btn-receive {
	display: table-cell;
	border-radius: 5px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #F07070;
}
.task-detail .btn-receive-half-l{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 49%;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #F07070;
}
.task-detail .btn-receive-half-r{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 49%;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #F07070;
}





